import {
	reactive
} from "vue";
export const customStyle = reactive({
	padding: 0,
	width: "190rpx",
	height: "56rpx",
	background: '#4787F0',
	borderRadius: '8rpx',
	color: '#fff',
	fontSize: '28rpx',
	marginRight: '10rpx',
});
export const customStyle1 = reactive({
	padding: 0,
	width: "190rpx",
	height: "56rpx",
	background: '#fff;',
	borderRadius: '8rpx',
	color: '#4787F0',
	fontSize: '28rpx',
	border: '2rpx solid #4787F0',
	marginRight: '10rpx',
});
export const tabActiveStyle = reactive({
	color: '#4787F0',
	fontWeight: 'bold',
	fontSize: '32rpx',
});
export const tabInactiveStyle = reactive({
	fontSize: '32rpx',
});
export const tabItemStyle = reactive({
	width: "auto",
	height: "92rpx",
});
export const tabItemStatusStyle = reactive({
	width: "25%",
	height: "92rpx",
});
export const tabItemStyle_ = reactive({
	width: "auto",
	flex: "0 0 50%",
	height: "92rpx",
});
export const butStyle = reactive({
	borderRadius: '0rpx',
	border: 'none',
	padding: '0',
	height: 'auto'
});
export const paymentIcon = reactive({
	margin: 'auto'
});